<!--
 * @Author: Zhangxx 2425792130@qq.com
 * @Date: 2024-05-29 11:35:57
 * @LastEditors: Zhangxx 2425792130@qq.com
 * @LastEditTime: 2024-06-18 11:30:32
 * @FilePath: \vue-shelf\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script setup lang="ts">
import {ref} from 'vue'
import layIndex from './views/Test/layIndex.vue'
import usedDialog from '@/views/dialog/useDialog.vue'
import RadioCard from '@/views/card/cardIndex.vue'
import checkCard from '@/views/card/cardsIndex.vue'
const addVisible = ref(false)


const clickbutton = () => {
  addVisible.value = true
}
const handleSearch = () => {
  console.log('刷新列表')
  addVisible.value = false
}




const items = [
      { title: '设备1', status: '空闲', queueCount: 80, value: '1' },
      { title: '设备2', status: '忙碌', queueCount: 50, value: '2' },
      { title: '设备3', status: '空闲', queueCount: 30, value: '3' }
    ];
const selectedItem = ref<string>('');
</script>

<template>
    <RouterView />
    <layIndex/>
    <button @click="clickbutton">点击</button>
    <usedDialog
       v-if="addVisible"
       :dialogVisible="addVisible"
       @close-visible="addVisible = false"
       @save-success="handleSearch"></usedDialog>



       <div>
    <RadioCard
      v-for="item in items"
      :key="item.value"
      v-model="selectedItem"
      :title="item.title"
      :status="item.status"
      :queueCount="item.queueCount"
      :value="item.value"
    />
    <p>Selected Item: {{ selectedItem }}</p>
  </div>
  <!-- 多选卡片 -->
  <checkCard></checkCard>
  <!-- <iframe src="./assets/01.pdf" width="100%" height="100%"></iframe> -->

</template>

<style>
/* html,body{
  padding:0;
  margin:0; 
  } */
*{
  padding:0;
  margin:0; 
  }
</style>
